<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="qrdd.css" />
		<link href="../css/common.css" rel="stylesheet">
		<link href="../css/base.css" rel="stylesheet">
		<link rel="stylesheet" href="../carts/css/carts.css" />
	</head>

	<body>
		<div id="header"></div>
		<div id="search_container"></div>
		<div id="nav_menu"></div>
		<div class="ZZHT-container">
			<div id="stepflex" class="stepflex">
				<dl class="first doing">
					<dt class="s-num">1</dt>
					<dd class="s-text">我的购物车</dd>
					<dd></dd>
				</dl>
				<dl class="normal doing">
					<dt class="s-num">2</dt>
					<dd class="s-text">填写核对订单信息</dd>
				</dl>
				<dl class="last">
					<dt class="s-num1">3</dt>
					<dd class="s-text1">成功提交订单</dd>
				</dl>
			</div>
			<div class="ZZHT-clear"></div>
			<div class="main-head">填写并核对订单</div>
			<input type="hidden" class="j-ipt" id="s_addressId" value="259">
			<input type="hidden" class="j-ipt" id="s_areaId" value="130100">
			<!-- 用户地址 -->
			<div class="address-box">
				<div class="box-head">收货人信息
					<a class="add-addr" href="javascript:;" onclick="javascript:emptyAddress(this,1)">新增收货地址</a>
				</div>
				<!-- 选中地址 -->
				<div class="j-show-box ">
					<div id="s_userName" class="ZZHT-frame1 j-selected">1111<i></i></div>
					<div class="address" onmouseover="addrBoxOver(this)" onmouseout="addrBoxOut(this)">
						<span id="s_address">
	          	          1111&nbsp;&nbsp;&nbsp;河北省石家庄市裕华区&nbsp;&nbsp;1111&nbsp;&nbsp;18911519442	          </span> &nbsp;&nbsp;
						<span id="isdefault" class="j-default">默认地址</span>
						<div class="operate-box" style="display: none;">
							<a href="javascript:void(0)" onclick="javascript:toEditAddress(259,this,1,1,1)">编辑&nbsp;&nbsp;</a>
						</div>
					</div>

					<div class="ZZHT-clear"></div>

					<div class="address">
						<a class="ZZHT-lfloat" href="javascript:void(0)" onclick="javascript:showEditAddressBox()" style="">更多地址</a>
					</div>

				</div>
				<!-- 地址列表  -->
				<ul class="j-list-box hide" id="addressList"></ul>

				<!-- 新增编辑地址 -->
				<div class="j-edit-box hide">
					<form id="addressForm" autocomplete="off">
						<input type="hidden" class="j-eipt" id="addressId" value="">
						<div class="rows">
							<div class="label">收货人
								<font color="red">*</font>：</div>
							<div class="field"><input type="text" class="j-eipt ipt-style" id="userName" maxlength="25"></div>
							<div class="ZZHT-clear"></div>
						</div>
						<div class="rows">
							<div class="label">收货地址
								<font color="red">*</font>：</div>
							<div class="field">
								<select id="area_0" class="j-areas" level="0" onchange="ZZHT.ITAreas({id:'area_0',val:this.value,isRequire:true,className:'j-areas'});">
									<option value="">-请选择-</option>
									<option value="110000">北京市</option>
									<option value="440000">广东省</option>
									<option value="450000">广西壮族自治区</option>
									<option value="460000">海南省</option>
									<option value="500000">重庆市</option>
									<option value="510000">四川省</option>
									<option value="520000">贵州省</option>
									<option value="530000">云南省</option>
									<option value="540000">西藏自治区</option>
									<option value="610000">陕西省</option>
									<option value="620000">甘肃省</option>
									<option value="630000">青海省</option>
									<option value="640000">宁夏回族自治区</option>
									<option value="650000">新疆维吾尔自治区</option>
									<option value="710000">台湾</option>
									<option value="810000">香港特别行政区</option>
									<option value="430000">湖南省</option>
									<option value="420000">湖北省</option>
									<option value="120000">天津市</option>
									<option value="130000">河北省</option>
									<option value="140000">山西省</option>
									<option value="150000">内蒙古自治区</option>
									<option value="210000">辽宁省</option>
									<option value="220000">吉林省</option>
									<option value="230000">黑龙江省</option>
									<option value="310000">上海市</option>
									<option value="320000">江苏省</option>
									<option value="330000">浙江省</option>
									<option value="340000">安徽省</option>
									<option value="350000">福建省</option>
									<option value="360000">江西省</option>
									<option value="370000">山东省</option>
									<option value="410000">河南省</option>
									<option value="820000">澳门特别行政区</option>
								</select><br>
								<input type="text" class="j-eipt ipt-style" id="userAddress" style="width:300px;margin-top: 10px;" maxlength="200">
							</div>
							<div class="ZZHT-clear"></div>
						</div>
						<div class="rows">
							<div class="label">联系电话
								<font color="red">*</font>：</div>
							<div class="field"><input type="text" id="userPhone" class="j-eipt ipt-style" name="addrUserPhone" maxlength="50"></div>
							<div class="ZZHT-clear"></div>
						</div>
						<div class="rows">
							<div class="label">是否默认地址
								<font color="red">*</font>：</div>
							<div class="radio-box">
								<label style="margin-right:36px;">
                            <input type="radio" name="isDefault" value="1" checked="" class="j-eipt ZZHT-radio" id="isDefault1"><label class="mt-1" for="isDefault1"></label>是
								</label>
								<label>
                            <input type="radio" name="isDefault" value="0" class="j-eipt ZZHT-radio" id="isDefault2"><label class="mt-1" for="isDefault2"></label>否
								</label>
							</div>
							<div class="ZZHT-clear"></div>
						</div>
						<div class="rows">
							<a href="javascript:void(0)" class="ZZHT-cart-reda" id="saveAddressBtn" onclick="javascript:editAddress()" style="width:105px;line-height:33px;padding:6px 15px">保存收货人地址</a>
						</div>
					</form>
				</div>
			</div>

			<!--支付方式-->
			<div class="zffs">
				<div class="zf">
					<p>支付方式</p>
				</div>
				<div class="zffs-bm">
					<div class="zf-box">
						<img src="tjdd-img/dingdan_07.png" />
						<img class="abs" src="tjdd-img/dingdan_yes.png" />
					</div>
					<div class="zf-box blo">
						<img src="tjdd-img/dingdan_09.png" />
						<img class="abs" src="tjdd-img/dingdan_yes.png" style="display: block;" />
					</div>

					<div class="zf-box">
						<img src="tjdd-img/dingdan_11.png" />
						<img class="abs" src="tjdd-img/dingdan_yes.png" />
					</div>

					<div class="zf-box">
						<img src="tjdd-img/dingdan_13.png" />
						<img class="abs" src="tjdd-img/dingdan_yes.png" />
					</div>

					<!--<div class="zf-box">
							<img src="tjdd-img/dingdan_13.png" />
							<img class="abs" src="tjdd-img/dingdan_yes.png" />
						</div>-->
				</div>

			</div>
			<!--支付方式-->

			<div class="spqd" id="orderList">
				<div>
					<p>商品清单</p>
				</div>
				<div class="spqd-qd" v-for="v in cart">
					<div class="spqd-sj">
						<p><span>商家：</span><span>{{v.shopName}}</span></p>
					</div>
					<div class="spqd-sp">
						<div class="spqd-sp-one">
							<img :src="imgUrl+v.goodsImg" />
							<div class="spqd-text">
								<p class="p1">{{v.goodsName}}</p>
							</div>
							<div class="spqd-sl">
								<p> X {{v.goodsNum}}</p>
							</div>
							<div class="spqd-jg">
								<p> ￥{{v.goodsPrice}}</p>
							</div>
						</div>
					</div>
					<div class="spqd-bz">
						<p><span>备注：</span><span><input type="text" placeholder="输入您想备注的信息"  value=""/> </span></p>
					</div>
				</div>

				<!--<div class="spqd-qd">
					<div class="spqd-sj">
						<p><span>商家：</span><span>拉夏贝尔旗舰店</span></p>
					</div>
					<div class="spqd-sp">
						<div class="spqd-sp-one">
							<img src="tjdd-img/dingdan_25.png" />
							<div class="spqd-text">
								<p class="p1">爱爱丸 原创设计冬装新款 字母印花复古</p>
								<p class="p2">美式运动显瘦短款棉T恤 红色 S</p>
								<p class="p3"><span>尺码：</span><span>S码</span></p>
							</div>
							<div class="spqd-sl">
								<p> X 1</p>
							</div>
							<div class="spqd-jg">
								<p> ￥799</p>
							</div>
						</div>
					</div>

					<div class="spqd-bz">
						<p><span>备注：</span><span><input type="text" placeholder="输入您想备注的信息" /> </span></p>
					</div>

				</div>-->

			</div>

		</div>

		<div class="qrdd">
			<h4>填写并确认订单信息</h4>
			<div class="qrborder" style="position:relative;">
				<!--收货时间-->
				<div class="shsj" style="position:absolute;top:200px;right:0;">
					<p>送货时间</p>
					<div class="shsj-sj">
						<div class="gzr">
							<p>周一到周五</p>
							<img class="abc" src="tjdd-img/dingdan_yes.png" />
						</div>
						<div class="gzr">
							<p>周六、周日</p>
							<img class="abc" src="tjdd-img/dingdan_yes.png" />
						</div>
						<div class="gzr blo">
							<p>随时</p>
							<img class="abc" src="tjdd-img/dingdan_yes.png" style="display: block;" />
						</div>
					</div>
				</div>
				<!--/收货时间-->

				<!--发票信息-->
				<div class="pay-boxs">
					<div class="box-head">发票信息</div>
					<div class="j-show-box">
						<div class="ZZHT-frame2 j-selected" onclick="javascript:ZZHT.showhide(0,&quot;#invoiceClientDiv&quot;,this)">不需要开发票<i></i></div>
						<div class="ZZHT-frame2" onclick="javascript:ZZHT.showhide(1,&quot;#invoiceClientDiv&quot;,this)">
							需要开发票<i></i></div>
						<br><br><br>
						<input type="hidden" value="0" id="isInvoice" class="j-ipt">
						<div id="invoiceClientDiv" class="hide">
							发票抬头： <input type="text" class="j-ipt ipt-style" id="invoiceClient" style="width:400px;margin-top:10px;" placeholder="发票抬头信息">
						</div>
					</div>
					<div class="ZZHT-clear"></div>
				</div>
				<!--、发票信息-->
			</div>

			<!--底部-->
			<div class="qrdd-bottom">
				<div class="zje">
					<p>应付总金额(不含运费)￥<span class="money"></span></p>
				</div>
				<div class="clear"></div>
				<div class="shdz">
					<p>收货地址：<span>河北省石家庄市桥西区中山路108号</span></p>
					<p>收货人：<span>四呆</span><span>130***666</span></p>
				</div>
			</div>
			<!--底部-->

			<!--立即付款-->
			<div class="ljfk">
				<a href="#none" onclick="go_pay()">立即付款</a>
			</div>
			<!--、立即付款-->

		</div>

		<div id="ck1"></div>
		<div id="ck3"></div>

		<script src="../js/jquery.min.js"></script>
		<script src="../js/vue.min.js"></script>
		<script type="text/javascript" src="../js/qrcode.js"></script>
		<script type="text/javascript" src="../plugin/layer/layer.js"></script>
		<script type="text/javascript" src="../js/ljf_base.js"></script>
		<script type="text/javascript" src="../js/common.js"></script>
		<script type="text/javascript" src="../js/common_view.js"></script>
		<script type="text/javascript" src="../carts/js/carts.js"></script>
		<script type="text/javascript">
			function gup(name) {
				var regexS = "[\\?&]" + name + "=([^&#]*)"; //匹配name参数对   
				var regex = new RegExp(regexS);
				var results = regex.exec(window.location.href); //过滤超链接   
				if(results == null) {
					return "";
				} else {
					return results[1];
				}
			}
				
			var orderId = gup('orderId');
			var money = gup('money');
			$('.money').html(money)
			$(".zffs-bm div").click(function() {
				$(".zffs-bm div").css("border", "2px solid transparent");
				$(".zffs-bm div").removeClass("blo");
				$(".abs").hide();
				$(this).attr("style", "border-color: #ed5d2a");
				$(this).children(".abs").show();
			})

			$(".shsj-sj div").click(function() {
				$(".shsj-sj div").css("border", "2px solid #E7E7E7");
				$(".shsj-sj div").removeClass("blo");
				$(".abc").hide();
				$(this).attr("style", "border-color: #ed5d2a");
				$(this).children(".abc").show();
			})
			
			var vm = new Vue({//new 一个实例
				el: '#orderList',//作用域 父及的id 我这里放到了整个内容区
				data: {//数据源
					imgUrl:imgUrl,//图片基础路径 在ljf_base.js 里 所有页面应该都有配置
					cart:[],
				},
				methods:{
					
				}
			})
			var orderId = 436;
			$.ajax({
				type: "get",
				url: SURL + "sktOrders/showOrdersGoods_load",
				data:{
					sktOrdersId: orderId,
				},
				success: function(data) {
					for(var i=0;i<data.entity.length;i++){
						vm.cart.push(data.entity[i]);
					}
				}
			});
			
			function go_pay(){
				
				location.href="../carts/checkout.html?orderId="+orderId+'&money='+money;
			}
		</script>
	</body>

</html>